<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<style type="text/css">
	[v-cloak]{display: none;}
	/*解决页面闪烁问题*/
</style>
	</head>
	<body>
		<!--
			m--页面的数据
			vm--数据调度者
			v--页面中的html结构
			mvvm的思想，主要是为了让我们的开发更加方便，
			因为MVVM提供了数据双向绑定;
			数据的双向绑定是由VM提供的
		-->
		<div id="app">
			<div v-cloak>{{msg}}</div>
			<div v-text="msg2">aaa</div>
			<div v-html="msg2"></div>
		</div>
		
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			new Vue({
				el:"#app",
				data:{
					msg:"w(ﾟДﾟ)w",
					msg2:"<h1>\(^o^)/~</h1>"
				}
			});
		</script>
	</body>
</html>
